<html>

    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">

        <title>{{ title }}</title>

        <link rel="stylesheet" href="/bootstrap/css/bootstrap.min.css">
        <link rel="stylesheet" href="/css/youban_common.css">

    </head>

    <body>

        <nav class="navbar navbar-default">
            <div class="container-fluid container youban-nav-container">
                <div class="navbar-header">
                    <a class="navbar-brand" href="#">游伴</a>
                </div>

                <div class="collapse navbar-collapse" id="navbar">
                    <ul class="nav navbar-nav">
                        <li class="active"><a href="#">游记</a></li>
                        <li><a href="#">攻略</a></li>
                        <li><a href="">路线</a></li>
                    </ul>
                    <ul class="nav navbar-nav navbar-right">
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
                                tingyugetc
                                <span class="caret"></span>
                            </a>
                            <ul class="dropdown-menu" role="menu">
                                <li><a href="#">个人中心</a></li>
                                <li><a href="#">设置</a></li>
                                <li class="divider"></li>
                                <li><a href="#">退出</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>

        <div class="youban-main-content container">
            <div class="">
                <div class="aside-wrapper">
                    推荐
                </div>

                <div class="travels-list-wrapper">
                    <div class="">
                        <div class="travels-item">
                            <div class="travels-image">
                                <a href="#">
                                    <img src="/images/youji.jpeg" alt="" class="img-responsive">
                                </a>
                            </div>
                            <div class="travels-wrapper">
                                <div class="travels-content">
                                    <div class="travels-title">
                                        <a href="">
                                            悉尼 遇见你 在最寒冷的冬季
                                        </a>
                                    </div>
                                    <div class="travels-body">
                                        <a href="">
                                            掐指一算，真的很久很久没写过游记了 自从去年年底移居国外，一直繁琐杂碎的事情不断，毕竟在一个陌生的国度生活，还是得重新适应，其中虽然也短暂出行过好几次，只不过对面着键盘的敲打，...
                                        </a>
                                    </div>
                                </div>
                                <div class="travels-extra">
                                    <span class="travels-place">
                                        <i></i>
                                        美国
                                    </span>
                                    <span class="travels-lookup">
                                        <i></i>
                                        1024
                                    </span>
                                </div>
                            </div>

                        </div>

                    </div>
                </div>

            </div>
        </div>

    </body>

    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    <script src="/bootstrap/js/bootstrap.min.js"></script>
    <script src="/js/youban_common.js"></script>

</html>